<div class="top-banner section banner">
  <div class="container">
    <div class="row">
      <div class="col s12 m9">
        <h3 class="header center-on-small-only">Angular DataTables</h3>
      </div>
    </div>
  </div>
</div>

<div class="container">
  <!-- Caption -->
  <p class="caption">
    An Angular2+ library for building complex HTML tables using <a href="https://datatables.net/">DataTables</a> jQuery plug-in.
  </p>

  <markdown [src]="installMd"></markdown>

  <!-- Features -->
  <h5 class="header">Features:</h5>
  <div class="section">
    <div class="row">
      <div class="col s12 m12 l12">
        <div class="row">
          <div class="col s12 m4 feature-item">
            <i class="material-icons">download</i>
            <h6>Quick Install</h6>
          </div>
          <div class="col s12 m4 feature-item">
            <i class="material-icons">sync_alt</i>
            <h6>Angular integration</h6>
          </div>
          <div class="col s12 m4 feature-item">
            <i class="material-icons">dns</i>
            <h6>Large dataset support</h6>
          </div>
          <div class="col s12 m4 feature-item">
            <i class="material-icons">filter_alt</i>
            <h6>Advanced Data Filter</h6>
          </div>
          <div class="col s12 m4 feature-item">
            <i class="material-icons">extension</i>
            <h6>Extensions support</h6>
          </div>
          <div class="col s12 m4 feature-item">
            <i class="material-icons">lock_open</i>
            <h6>MIT</h6>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
